// pages/search/search.js
import { request } from "../../request/index";
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 搜索结果
    searchList: [],
    // 是否显示
    buttonIsShow: false,
    // 文本框的值
    inputValue: "",
  },
  // 定时器
  Timer: null,
  // 输入事件
  handlInput(e) {
    if (!e.detail.value.trim()) {
      this.setData({
        buttonIsShow: false,
      });
      return;
    }
    // 防抖
    if (this.Timer != null) {
      clearTimeout(this.Timer);
      this.Timer = null;
    }
    this.setData({
      buttonIsShow: true,
    });
    // 计时器
    this.Timer = setTimeout(() => {
      this.searchQuery(e.detail.value);
    }, 500);
  },
  // 查询
  async searchQuery(query) {
    let _res = await request({
      url: "/goods/qsearch",
      data: { query },
    });
    this.setData({
      searchList: _res.data.message,
    });
  },
  clearText() {
    // 清空事件
    this.setData({
      inputValue: "",
      buttonIsShow: false,
    });
  },
});
